<template>
  <div class="bsDesText">
    <div class="bsDesTextBox">
      <div class="bsDesTexTitle flex_c_c_c" v-if="bsdata.content.title">
        <div v-text="bsdata.content.title" class="f_14 fw_700 tc_1 margin_b10"></div>
        <div v-text="bsdata.content.address" class="f_12 tc_5"></div>
      </div>
      <!-- <div class="bsDesTexContent">
        <p class="f_12 tc_5">{{bsdata.content.details}}</p>
      </div> -->
      <div v-text="bsdata.content.details" class="bsDesTexContent f_12 tc_5"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'bsDesText',
  props: {
    bsdata: {
      default: function () {
        return {}
      }
    }
  },
  data () {
    return {}
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.bsDesText {
  .bsDesTextBox {
    position: relative;
    .bsDesTexTitle {
      margin-bottom: 2.6rem;
    }
    .bsDesTexContent {
      padding: 0 1.4rem;
      text-indent: 2em;
      line-height: 2.0rem;
    }
  }
}
</style>
